<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript"src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<!--输出一个电影的名字是上映日期-->
			<!--判断异步电影首发是新电影 >2000 新-->
			<!--title绑定 -->
			电影名:{{movieTitle}} <br />
			上映日期:{{movieDate}}<br />
			这不电影是{{movieDate > 2017 ? "新" : "旧"}}电影<br />
			<div>
				<a v-bind:href="url">hover me!!!!</a>
			</div>
		</div>
		
		<script type="text/javascript">
			new Vue({
				el : "#app",
				data :{
					movieTitle : "猫妖传",
					movieDate : "2017",
					url : "https://baike.baidu.com/item/%E5%A6%96%E7%8C%AB%E4%BC%A0/19364652?fr=aladdin"
				},
				methods : {
					getMovie:function(){
						return "就";
					}
				}
			})
		</script>
	</body>
</html>
